Opacity Effect
Normal:
w3-opacity-min:
w3-opacity:
w3-opacity-max:
Red with opacity
Blue with opacity
Green with opacity
Grayscale Effect
(had to use -webkit-filter:grayscale(x%) for it to work in Chrome 49)
Normal:
w3-grayscale-min:
w3-grayscale:
w3-grayscale-max (black and white):
Red with grayscale
Blue with grayscale
Green with grayscale
Sepia Effect
(had to use -webkit-filter:sepia(x%) for it to work in Chrome 49)
Normal:
w3-sepia-min:
w3-sepia:
w3-sepia-max:
Red with sepia
Blue with sepia
Green with sepia
Hover Effect
w3-hover-opacity:
w3-hover-grayscale:
w3-hover-sepia:
w3-hover-opacity
w3-hover-grayscale
w3-hover-sepia
Other Effects (not present in w3.css)
Normal
Blur
Brightness
Contrast
Drop Shadow
Hue Rotate
Invert
Saturate